<session xmlns="http://www.w3.org/1999/html">
<link href="assets/pages/home/style.css" rel="stylesheet" type="text/css" />
<div class="page-content-wrapper">
<div class="page-content" data-bind="foreach: feeds">
    <div class="row" data-bind="template: { name: 'feed-template', data: $data }">
    </div>
</div>
<script type="text/html" id="feed-template">
<div class="col-md-12">
    <!-- BEGIN FEED PORTLET-->
    <div class="portlet">
        <div class="portlet-title">
            <div class="caption">
                <p><i class="fa fa-newspaper-o"></i> <a target="_blank" data-bind="text: name, attr:{href: link()}"></a></p>
            </div>
            <div class="tools fixedWidth">
                <a href="javascript:;">
                    <i class="fa fa-angle-down"></i>
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-4">
                    <a target="_blank" data-bind="attr:{href: link}">
                    <img data-bind="attr: { src: imgUrl }">
                    </a>
                </div>
                <div class="col-md-8">
                    <div class="feed">
                        <div class="feed-body">
                            <div class="feed-channel">
                                <p>
                                    <a href="javascript:;">
                                        <i class="fa" data-bind="css: 'fa-' + $root.channelFas[channelId()]"></i>
                                        <span data-bind="text: channel"></span>
                                    </a>
                                </p>
                            </div>
                            <p data-bind="text: desc"></p>
                        </div>
                        <div class="feed-footer">
                            <span class="byline" data-bind="text: $root.providerNames[providerId()]">
                            </span>
                            <span class="byline">
                                <i class="fa fa-clock-o"></i> 6 phút đọc
                            </span>
                            <span class="byline red">
                                <i class="fa fa-fire"></i> <span data-bind="text: hot"></span>
                            </span>
                            <span class="byline" data-bind="text: pubDate">
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="portlet-footer">
            <div class="btn-group pull-right">
                <button type="button" class="btn btn-default">
                    <i class="fa fa-thumbs-up"></i> (147) Thích
                </button>
                <button type="button" class="btn btn-default">
                    <i class="fa fa-share"></i> (129) Chia sẻ
                </button>
                <button type="button" class="btn btn-default">
                    <i class="fa fa-comment"></i> (165) Bình luận
                </button>
                <button type="button" class="btn btn-default">
                    <i class="fa fa-bookmark"></i> Đọc sau
                </button>
            </div>
        </div>
    </div>
    <!-- END FEED PORTLET-->
</div>
</script>
</div>
</session>